<template>
  <div class="control">
      <div class="toolbar">
        <span>筛选条件</span>
      </div>
      <div class="control-panel border-reset">
      </div>
      <div class="toolbar">
        <span>指标选择</span>
      </div>
      <div class="control-panel border-reset">

      </div>
  </div>
</template>
<script>
import bus from "../../bus";

export default {
  name: "AppToolkit",
  mounted() {
    bus.$emit("stretch", null);
  },
  destroyed() {
    bus.$emit("stretch", null);
  },
  methods: {
    handleControlClick(data) {}
  }
};
</script>
<style>
.control {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.control .control-panel {
  flex: 1;
  padding: 20px 15px 20px 15px;
}
</style>

